<template>
   <div class="coin-type">
    <img
        class="coin-type_icon"
        src="@/assets/icons/icon-btc.svg"
        alt=""
        :style="{
            width: size + 'px',
            height: size + 'px'
        }"
    />
    <img
        class="coin-type_icon"
        src="@/assets/icons/icon-eth.svg"
        alt=""
        :style="{
            width: size + 'px',
            height: size + 'px'
        }"
    />
    <img
        class="coin-type_icon"
        src="@/assets/icons/icon-ath.svg"
        alt=""
        :style="{
            width: size + 'px',
            height: size + 'px'
        }"
    />
    <img
        class="coin-type_icon"
        src="@/assets/icons/icon-defs.svg"
        alt=""
        :style="{
            width: size + 'px',
            height: size + 'px'
        }"
    />
    <img
        class="coin-type_icon"
        src="@/assets/coins/usdt1.png"
        alt=""
        :style="{
            width: size + 'px',
            height: size + 'px'
        }"
    />
    </div>
</template>

<script setup>
defineProps({
    size: {
        type: Number,
        default: 19
    }
})
</script>

<style lang="scss" scoped>
.coin-type {
    &_icon {
      width: 19px;
      height: 19px;
      margin-right: 10px;
    }
}
</style>